<template>
  <div 
    @mousedown="handleMouseDown" 
    ref="clickBox"
    class="box">
    <slot />
  </div>
</template>

<script setup>

import { ref } from 'vue';
const clickBox = ref(null);

</script>

<style>
.box {
  transition: transform 0.2s;
  pointer-events: auto;
}
.box:active {
  transform: scale(0.9);
}

</style>